<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>社团集结号</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Loading Bootstrap -->
    <link href="../Flat-UI-master/dist/css/vendor/bootstrap.min.css" rel="stylesheet">

    <!-- Loading Flat UI -->
    <link href="../Flat-UI-master/dist/css/flat-ui.min.css" rel="stylesheet">

    <link rel="shortcut icon" href="img/favicon.ico">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script src="../Flat-UI-master/dist/js/vendor/html5shiv.js"></script>
    <script src="../Flat-UI-master/dist/js/vendor/respond.min.js"></script>
    <script src="../Flat-UI-master/dist/js/vendor/jquery.min.js"></script>
    <![endif]-->

    <script src="../jquery/jquery-2.1.3.min.js.js"></script>

    <script type="text/javascript">
        $(function () {
            $("#backButtion").click(function () {
                document.location.href = "home.html";
            });
        });
    </script>
</head>
<body style="background-color: #d8d6d3">
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-01">
                <span class="sr-only">Toggle navigation</span>
            </button>
            <a class="navbar-brand" href="home.html">首页</a>
        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse-01">
            <ul class="nav navbar-nav">

                <li><a href="organization_event_all.html">社团活动</a></li>
                <li><a href="organization_square_all.html">社团广场</a></li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
                        我的社团
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="#"> &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;已加入社团</a>
                        </li>
                        <li class="divider">
                        </li>
                        <li><a href="organization_profile.html"><img src="../image/admin.png"/> &nbsp;&nbsp;河北师大学生会</a>
                        </li>

                        <li><a href="#fakelink">&nbsp;<span class="fui-user">&nbsp;&nbsp;河北师大广播台</span></a></li>


                        <li class="divider">
                        </li>
                        <li>
                            <a href="#"> &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;待审核社团</a>
                        </li>
                        <li class="divider">
                        </li>
                        <li><a href="organization_profile.html"><img src="../image/admin.png"/> &nbsp;&nbsp;河北师大校青协</a>
                        </li>
                        <li><a href="#fakelink">&nbsp;<span class="fui-user">&nbsp;&nbsp;河北师大漂移板协会</span></a></li>
                        <li class="divider">
                        </li>
                        <li>
                            <a href="#"> &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;已关注社团</a>
                        </li>
                        <li class="divider">
                        </li>
                        <li><a href="organization_profile.html"><img src="../image/admin.png"/> &nbsp;&nbsp;河北师大轮滑协会</a>
                        </li>
                        <li><a href="#fakelink">&nbsp;<span class="fui-user">&nbsp;&nbsp;河北师大职技学院学生会</span></a></li>
                    </ul>
                    <!-- /Sub menu -->
                </li>
                <li class="dropdown">
                    <a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="../image/2.png" width="20px;" height="20px;"/> &nbsp;&nbsp;&nbsp;&nbsp;陈志兵
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="student_profile_manager.html">个人信息</a></li>
                        <li class="divider">
                        <li><a href="#">我关注的人</a></li>
                        <li class="divider">
                        <li><a href="login.html">退出</a></li>
                    </ul>
                    <!-- /Sub menu -->
                </li>
            </ul>


        </div>
        <!-- /.navbar-collapse -->
    </div>
</nav>
<!-- /navbar -->

<div class="container-fluid" style="margin-top:53px;padding-top:10px;padding-bottom:10px;background-color: #1abc9c">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-md-6 col-lg-6">
                <div class="btn-group btn-group-justified">
                    <a class="btn btn-primary active" href="organization_square_all.html">所有社团</a>
                    <a class="btn btn-primary" href="organization_square_local_university.html">本校社团</a>
                    <a class="btn btn-primary" href="organization_square_local.html">本地社团</a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container" style="margin-bottom: 20px;margin-top:50px;">
    <div class="row" style="padding-top: 20px;padding-bottom: 20px;">



        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/2.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/1.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/3.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/4.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
    </div>
    <div class="row" style="padding-top: 20px;padding-bottom: 20px;">
        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/5.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>


        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/6.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/7.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/8.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
    </div>
    <div class="row" style="padding-top: 20px;padding-bottom: 20px;">
        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/9.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>


        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/10.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/11.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/12.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
    </div>
    <div class="row" style="padding-top: 20px;padding-bottom: 20px;">
        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/13.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>


        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/14.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/15.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
        <div class="col-sm-3 col-md-3 col-lg-3">
            <center>
                <img class="img-circle"
                     alt="140x140"
                     style="width: 140px; height: 140px;" src="../image/16.jpg"
                     data-holder-rendered="true"/>
            </center>
            <h6><p class="text-center" style="color: #090909;">河北师大学生会</p></h6>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-offset-3 col-sm-10 col-md-10 col-lg-10">
            <div class="pagination pagination-inverse">
                <a href="#fakelink" class="btn btn-inverse previous">
                    <i class="fui-arrow-left"></i>
                </a>
                <ul>
                    <li><a href="#fakelink">1</a></li>
                    <li><a href="#fakelink">2</a></li>
                    <li><a href="#fakelink">3</a></li>
                    <li><a href="#fakelink">4</a></li>
                    <li><a href="#fakelink">5</a></li>
                    <li><a href="#fakelink">6</a></li>
                    <li><a href="#fakelink">7</a></li>
                    <li><a href="#fakelink">8</a></li>
                    <li><a href="#fakelink">9</a></li>
                    <li><a href="#fakelink">10</a></li>
                </ul>
                <a href="#fakelink" class="btn btn-inverse next">
                    <i class="fui-arrow-right"></i>
                </a>
            </div>
            <!-- /pagination -->
        </div>
    </div>
</div>


<div class="container-fluid" style="margin-top:50px; height:250px;background-color: #bdc3c7">
    <div class="container">
        <div class="row" style="padding-top: 20px">
            <div class="col-sm-4 col-md-4 col-lg-4">
                说明<br/>
                社团集结号为仿照<a href="http://st.renren.com/">社团人</a>采用<a href="http://www.bootcss.com/">Bootstrap</a> <a
                    href="http://designmodo.com/flat/">Faltui</a> 开源框架而做的社团交流平台，仅供学习交流之用，一切版权归<a
                    href="http://st.renren.com/">社团人</a>所有。
            </div>
            <div class="col-sm-8 col-md-8 col-lg-8">
                <div class="row">
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        关于
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        联系方式
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        友情链接
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        特别感谢
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        <a href="#">关于我们</a><br/>
                        <a href="#">广告合作</a><br/>
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        <a href="#">电子邮件</a><br/>
                        <a href="#">新浪微博</a><br/>
                        QQ:641041018<br/>
                        <a href="#">地址</a><br/>
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        <a href="http://www.bootcss.com/">Bootstrap中文网</a><br/>
                        <a href="http://designmodo.com/flat/">Flat UI</a><br/>
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        韩冬梅<br/>
                        向蓉<br/>
                        冯猛<br/>
                        孙雪飞<br/>
                        刘钘<br/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- jQuery (necessary for Flat UI's JavaScript plugins) -->
<script src="../Flat-UI-master/dist/js/vendor/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="../Flat-UI-master/dist/js/vendor/video.js"></script>
<script src="../Flat-UI-master/dist/js/flat-ui.min.js"></script>
</body>
</html>
